.zs-tabs {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 16px;
  list-style: none;
  border-bottom: $menu-border-width solid $menu-border-color;
  box-shadow: $menu-box-shadow;
  .zs-tab-item {
    padding: $menu-item-padding-y $menu-item-padding-x;
    cursor: pointer;
    transition: $menu-transition;
    &:hover,
    &:focus {
      // text-decoration: none;
      color: $menu-item-active-color;
      border-bottom: $menu-item-active-border-width solid
        $menu-item-active-color;
    }
    &.zs-is-disabled {
      color: $menu-item-disabled-color;
      pointer-events: none;
      cursor: default;
    }
  }
}

.zs-tab-content {
  padding: 0 16px;
}

.zs-is-active {
  color: $menu-item-active-color;
  border-bottom: $menu-item-active-border-width solid $menu-item-active-color;
}
